<template>
    <div class="foreground">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="角色管理" name="first">
          <Role></Role>
        </el-tab-pane>
        <el-tab-pane label="用户管理" name="second">
          <UserManage></UserManage>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  <script>
import Role from './foreground/role.vue'
import UserManage from './foreground/userManage.vue'
  export default {
    name: "Foreground",
    data() {
      return {
        activeName: "first",
  
      };
    },
    components:{Role,UserManage},
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
     
    },
  };
  </script>
  
  <style lang="scss" scoped>
  </style>
    